<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>

<body>
<div class="navbar  navbar-inverse">
		  <div class="navbar-inner">
		    <div class="container">
		 	  
		     
		      <!-- Be sure to leave the brand out there if you want it shown -->
		      <a class="brand" href="#">ERP Solution Team </a>
		 
		      <!-- Everything you want hidden at 940px or less, place within here -->
		      <div class="nav-collapse">
		       
		        <ul class="nav">
			  		<li class="active"><a href="#">Home</a></li>
			 	 	<li><a href="#">News</a></li>
			  		<li><a href="#">About Us</a></li>
			  		<li><a href="#">Description</a></li>
			  		<li><a href="#" id="Pre">Presentations</a></li>
			  		<li><a href="#">Job offer</a></li>
	  				
				</ul>
				
		      	<form class="navbar-search pull-right">
		 		 	<input type="text" class="search-query" placeholder="Search"/>
				</form>
		        <!-- .nav, .navbar-search, .navbar-form, etc -->
		      </div>
		 
		    </div>
		  </div>
		</div>
		
		
		<div class="hero-unit">
		  <h1>Welcome On ERP Solution Team !!!</h1>
		  <p>
			  ERP Team will make you love Java, there is no mountain too high for you to climb If you want to be somebody if you<br/> want to go somewhere you
			  better wake up and pay attention.
		  </p>
		  <p>
		    <a class="btn btn-primary btn-large">
		      Learn more
		    </a>
		  </p>
		</div>
		
		<div class="row-fluid">

				    <div class="thumbnail span4 " id="thum">
				      <h4>Job Offer Information</h4>
				      <hr/>
				      <h:form>
				      	<h:dataTable value="#{offerManaged.offers}" styleclass="table-condensed" var="offer">
				      		<h:column>
					      		<h:outputText value="#{offer.name}" styleClass="text-info" />
							</h:column>
							<h:column>
								<b>&nbsp;&nbsp;Job Offer&nbsp;&nbsp;</b>
							</h:column>
							<h:column>
								&nbsp;&nbsp;<h:outputText styleClass="text-info" value="#{offer.dateGive}" />
							</h:column>
							<h:column>
								&nbsp;&nbsp;to&nbsp;&nbsp;
							</h:column>
							<h:column>
								&nbsp;&nbsp;<h:outputText styleClass="text-info" value="#{offer.dateSet}" />
							</h:column>
							<h:column>
								&nbsp;&nbsp;<h:link value="View" outcome="jodetail" styleClass="btn btn-small btn-primary" >
								<f:param name="offer" value="#{offer.idOffer}" />
								</h:link>
							</h:column>
				      	</h:dataTable>
				      </h:form>
				    </div>
			<div id="myCarousel" class="carousel slide span4 well">
			  <!-- Carousel items -->
			  <div class="carousel-inner">
			    <div class="active item"><img src="images/jm.jpg" alt="Scrum Master Jean-Marc Christfried Balizou 4 Info A3 ERP Solution Team  member" style="margin:auto;" /></div>
			    <div class="item"><img src="images/safa.jpg" alt="PO and MC Safa Bougattaya 4 Info A3 ERP Solution Team  member" style="margin:auto;" /></div>
			    <div class="item"><img src="images/safa sassi.jpg" alt="Developer Safa Sassi 4 Info A3 ERP Solution Team  member" style="margin:auto;"/></div>
			    <div class="item"><img src="images/abdou.jpg" alt="Tester and Developer  Abdallah Ghrir 4 Info A3 ERP Solution Team  member" style="margin:auto;"/></div>
			    <div class="item"><img src="images/wassim.jpg" alt="Tester and Developer  Wassim Ben Garma 4 Info A3 ERP Solution Team  member" style="margin:auto;" /></div>
			    <div class="item"><img src="images/ahmed.jpg" alt="Developer  Omezzine ahmed 4 Info A3 ERP Solution Team  member" style="margin:auto;" /></div>
			  </div>
			  <!-- Carousel nav -->
			  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div>
			<div class="span3 ">
			<h:form styleClass="form-horizontal" id="iform">
		  <div class="control-group">
		    <label class="control-label" for="inputEmail">Username</label>
		    <div class="controls">
		      <h:inputText value="#{LoginManaged.usr.login}" id="inputEmail" /> 
		    </div>
		  </div>
		  <div class="control-group">
		    <label class="control-label" for="inputPassword">Password</label>
		    <div class="controls">
		      <h:inputSecret value="#{LoginManaged.usr.pwd}" id="inputPassword"/>
		    </div>
		  </div>
		  <div class="control-group">
		    <div class="controls">
		      <label class="checkbox">
		        <input type="checkbox"/> Remember me
		      </label>
		      <h:commandButton value="Sign in" styleClass="btn btn-success" action="#{LoginManaged.verifLogin()}" />
		     </div>
		  </div>
		 
		</h:form>
		</div>
<h:inputHidden value="#{CVManaged.saveaspdf()}" />
			</div>
		<script type="text/javascript" language="javascript" src="jQ/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" language="javascript" src="jQ/index.js"></script>
</body> 
</html>